import { Layout, Menu, Card, List, Input, Button, Space } from 'antd'
import {
  SearchOutlined
} from '@ant-design/icons'

const { Header, Content, Footer } = Layout

function Home() {
  return (
    <div>
      <div
        style={{
          display: 'flex',
          justifyContent: 'center',
          margin: '20px 0',
          paddingTop: '24px',
        }}
      >
        <Space.Compact style={{ width: '100%', maxWidth: '600px' }}>
          <Input placeholder="搜索文章..." prefix={<SearchOutlined />} />
          <Button type="primary">搜索</Button>
        </Space.Compact>
      </div>
    </div>
  )
}

export default Home
